<template>
  <div>
    <!-- 计算属性调用的时候必须当作属性来用，不能加小括号 -->
    <p>{{ fullName }}</p>
    <!-- 多次调用计算属性的时候会自动从内存读取之前计算后的结果，加快执行速度 -->
    <p>{{ fullName }}</p>
    <p>{{ fullName }}</p>
    <p>{{ fullName }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      xing: "张",
      ming: "三",
    };
  },
  computed: {
    // fullName() {
    //   // 计算过后将值返回给调用者
    //   return this.xing + this.ming;
    // },

    //如果需要修改计算属性得到的值(修改计算属性)，需要将计算属性写成对象格式（对象中要写get和set方法）
    fullName: {
      //当使用计算属性的时候，执行get
      get() {},
      //当修改计算属性的时候，执行set  形参(val)就是修改后的结果
      set(val) {},
    },
  },
};
</script>

<style>
</style>